<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商品展示页</title>
		<link rel="stylesheet" href="css/product.css" />
	    <script src="js/product.js"></script>
	</head>
	<body>
		<!--大容器盒子开始-->
		<div class="wrap">
		<!--头部分开始-->
		<iframe src="top.html" width="960px" height="155px" frameborder="no" scrolling="no"></iframe>
		<!--头部分结束-->
		<!--广告-->
		<div class="banner">
			<a href="#">
				<img src="images/dd_index_top_adver.jpg">
			</a>
		</div>
		<!--广告结束-->
		<!--当前位置-->
		<div class="place"><span>您当前的位置：</span><a href="#">当当图书</a>>><a href="#">小说</a>>><a href="#">财经</a></div>
		<!--当前位置结束-->
		<!--主体部分开始-->
		<div class="main">
			<!--左边的浏览同级分类-->
			<div class="left">
				<!--同级分类-->
				<div class="classify">
					<p id="leftP">浏览同级分类</p>
					<div class="classify_left" >
					  <ul id="classLeft">
						<li><a href="#">中国当代小说(13880)</a></li>
						<li><a href="#">中国近现代小说…(640)</a></li>
						<li><a href="#">中国古典小说(1547)</a></li>
						<li><a href="#">四大名著(696)</a></li>
						<li><a href="#">港澳台小说(838)</a></li>
						<li><a href="#">外国小说(5119)</a></li>
						<li><a href="#">侦探/悬疑/推理…(2519)</a></li>
						<li><a href="#">惊悚/恐怖（798）</a></li>
						<li><a href="#">魔幻（369）</a></li>
						<li><a href="#">科幻 （513）</a></li>
						<li><a href="#">武侠（574）</a></li>
						<li><a href="#">军事（726）</a></li>
						<li><a href="#">情感 （6700）</a></li>
						<li><a href="#">社会（4855）</a></li>
						<li><a href="#">都市（949）</a></li>
						<li><a href="#">乡土（99）</a></li>
						<li><a href="#">职场（176）</a></li>
						<li><a href="#">财经（292）</a></li>
						<li><a href="#">官场（438）</a></li>
						<li><a href="#">历史（1329）</a></li>
						<li><a href="#">影视小说（501）</a></li>
						<li><a href="#">作品集（2019）</a></li>
						<li><a href="#">世界名著（3273）</a></li>
					  </ul>
					</div>
					<div class="classify_img">
						<a href="#"><img src="images/product_01.gif"></a>
						<a href="#"><img src="images/product_02.gif"></a>
					</div><!-- end  classify_img-->
				</div><!--end classify-->
			</div>
			<!--左边的浏览同级分类结束-->
			<!--右边的浏览展示分类-->
			<div class="right" id="right">
				<!--排序-->
				<div class="sort">
					<!--排序左边-->
					<div  class="sort_left">
						<span>排序方式</span>
						<select>
							<option>按销量 降序</option>
							<option>按销量 升序</option>
						</select>
						<a href="#"><img src="images/product_icon_01.gif"></a>
						<a href="#"><img src="images/product_icon_02.gif"></a>
						<a href="#"><img src="images/product_icon_03.gif"></a>
						<a href="#"><img src="images/product_icon_04.gif"></a>
						<span>每页展示的数量</span>
						<a href="#"><img src="images/product_icon_20.gif"></a>
						<a href="#"><img src="images/product_icon_40.gif"></a>
					</div> <!--end sort_left-->
					<!--第一页-->
					<div class="sort_right">
						<a href="#"><img src="images/product_page_up.gif"></a>
						<span>第1页</span>
						<a href="#"><img src="images/product_page_down.gif"></a>
					</div> <!--end sort_right-->
				</div>  <!--end sort-->
				<div class="clear"></div>
				<!--显示区-->
				<div class="show" id="show">
					<ul>
						<li>大图</li>
						<li class="default">列表</li>
						<div class="clear"></div>
					</ul>
					<div class="clear"></div>
				</div><!-- end show-->
				
				<div class="list_show" id="showL"> <!--++++++++++++++++++++++++++++++++++++++++列表展示开始-->
				<div class="list">   <!-- +++++列表展示区-->
					<div class="list_book">    <!-- 1++++++++++++++++++++++++++++-->
						<div class="list_book_left">
							<img src="images/product_list_01.jpg">
						</div> <!--end list_book_right-->
						<div class="list_book_right">
							<dl>
								<dt><a href="#">私募（首部披露资本博弈秘密的金融小说）</a></dt>
								<dd><p>顾客评分：
									<img src="images/star_red.gif">
									<img src="images/star_red.gif">
									<img src="images/star_red.gif">
									<img src="images/star_red.gif">
									<img src="images/star_gray.gif">
									</p>
								</dd>
								<dd><p>作者：<a href="#">郭现杰</a>著</p></dd>
								<dd><p>出版社：<a href="#">花山文艺出版社</a></p></dd>
								<dd><p>出版时间：2009年08月</p></dd>
								<dd><p>数年前，在一次股市的多、空之战中，以赵云狄、林康为首的私募基金—金鼎投资，和以王雨龙为首的私募基金，达成锁仓协议分食利益。殊料，以王雨龙为首的私募基金—鑫利投资背信弃义，导致金鼎投资惨败。以至...</p></dd>
								<dd class="dd_right">
									<del>¥32.00</del>
									<span class="span_red">¥18.90</span>
									<span>折扣：59折</span>
									<span>节省：¥13.10</span>
									<button class="btn1">购买</button>
									<button class="btn2">放入暂存架</button>
								</dd>
							</dl>
						</div> <!--end list_book_right-->
					</div>  <!--end list_book-->
					
					<div class="list_book">      <!-- 2++++++++++++++++++++++++++++-->
						<div class="list_book_left">
							<img src="images/product_list_02.jpg">
						</div> <!--end list_book_right-->
						<div class="list_book_right">
							<dl>
								<dt><a href="#">私募（首部披露资本博弈秘密的金融小说）</a></dt>
								<dd><p>顾客评分：
									<img src="images/star_red.gif">
									<img src="images/star_red.gif">
									<img src="images/star_red.gif">
									<img src="images/star_red.gif">
									<img src="images/star_gray.gif">
									</p>
								</dd>
								<dd><p>作者：<a href="#">郭现杰</a>著</p></dd>
								<dd><p>出版社：<a href="#">花山文艺出版社</a></p></dd>
								<dd><p>出版时间：2009年08月</p></dd>
								<dd><p>数年前，在一次股市的多、空之战中，以赵云狄、林康为首的私募基金—金鼎投资，和以王雨龙为首的私募基金，达成锁仓协议分食利益。殊料，以王雨龙为首的私募基金—鑫利投资背信弃义，导致金鼎投资惨败。以至...</p></dd>
								<dd class="dd_right">
									<del>¥32.00</del>
									<span class="span_red">¥18.90</span>
									<span>折扣：59折</span>
									<span>节省：¥13.10</span>
									<button class="btn1">购买</button>
									<button class="btn2">放入暂存架</button>
								</dd>
							</dl>
						</div> <!--end list_book_right-->
					</div>  <!--end list_book-->
					
					<div class="list_book">                 <!-- 3++++++++++++++++++++++++++++-->
						<div class="list_book_left"> 
							<img src="images/product_list_03.jpg">
						</div> <!--end list_book_right-->
						<div class="list_book_right">
							<dl>
								<dt><a href="#">私募（首部披露资本博弈秘密的金融小说）</a></dt>
								<dd><p>顾客评分：
									<img src="images/star_red.gif">
									<img src="images/star_red.gif">
									<img src="images/star_red.gif">
									<img src="images/star_red.gif">
									<img src="images/star_gray.gif">
									</p>
								</dd>
								<dd><p>作者：<a href="#">郭现杰</a>著</p></dd>
								<dd><p>出版社：<a href="#">花山文艺出版社</a></p></dd>
								<dd><p>出版时间：2009年08月</p></dd>
								<dd><p>数年前，在一次股市的多、空之战中，以赵云狄、林康为首的私募基金—金鼎投资，和以王雨龙为首的私募基金，达成锁仓协议分食利益。殊料，以王雨龙为首的私募基金—鑫利投资背信弃义，导致金鼎投资惨败。以至...</p></dd>
								<dd class="dd_right">
									<del>¥32.00</del>
									<span class="span_red">¥18.90</span>
									<span>折扣：59折</span>
									<span>节省：¥13.10</span>
									<button class="btn1">购买</button>
									<button class="btn2">放入暂存架</button>
								</dd>
							</dl>
						</div> <!--end list_book_right-->
					</div>  <!--end list_book-->
					 
					<div class="list_book">                 <!-- 4++++++++++++++++++++++++++++-->
						<div class="list_book_left">
							<img src="images/product_list_04.jpg">
						</div> <!--end list_book_right-->
						<div class="list_book_right">
							<dl>
								<dt><a href="#">私募（首部披露资本博弈秘密的金融小说）</a></dt>
								<dd><p>顾客评分：
									<img src="images/star_red.gif">
									<img src="images/star_red.gif">
									<img src="images/star_red.gif">
									<img src="images/star_red.gif">
									<img src="images/star_gray.gif">
									</p>
								</dd>
								<dd><p>作者：<a href="#">郭现杰</a>著</p></dd>
								<dd><p>出版社：<a href="#">花山文艺出版社</a></p></dd>
								<dd><p>出版时间：2009年08月</p></dd>
								<dd><p>数年前，在一次股市的多、空之战中，以赵云狄、林康为首的私募基金—金鼎投资，和以王雨龙为首的私募基金，达成锁仓协议分食利益。殊料，以王雨龙为首的私募基金—鑫利投资背信弃义，导致金鼎投资惨败。以至...</p></dd>
								<dd class="dd_right">
									<del>¥32.00</del>
									<span class="span_red">¥18.90</span>
									<span>折扣：59折</span>
									<span>节省：¥13.10</span>
									<button class="btn1">购买</button>
									<button class="btn2">放入暂存架</button>
								</dd>
							</dl>
						</div> <!--end list_book_right-->
					</div>  <!--end list_book-->
					
					<div class="list_book">                    <!-- 5++++++++++++++++++++++++++++-->
						<div class="list_book_left">
							<img src="images/product_list_05.jpg">
						</div> <!--end list_book_right-->
						<div class="list_book_right">
							<dl>
								<dt><a href="#">私募（首部披露资本博弈秘密的金融小说）</a></dt>
								<dd><p>顾客评分：
									<img src="images/star_red.gif">
									<img src="images/star_red.gif">
									<img src="images/star_red.gif">
									<img src="images/star_red.gif">
									<img src="images/star_gray.gif">
									</p>
								</dd>
								<dd><p>作者：<a href="#">郭现杰</a>著</p></dd>
								<dd><p>出版社：<a href="#">花山文艺出版社</a></p></dd>
								<dd><p>出版时间：2009年08月</p></dd>
								<dd><p>数年前，在一次股市的多、空之战中，以赵云狄、林康为首的私募基金—金鼎投资，和以王雨龙为首的私募基金，达成锁仓协议分食利益。殊料，以王雨龙为首的私募基金—鑫利投资背信弃义，导致金鼎投资惨败。以至...</p></dd>
								<dd class="dd_right">
									<del>¥32.00</del>
									<span class="span_red">¥18.90</span>
									<span>折扣：59折</span>
									<span>节省：¥13.10</span>
									<button class="btn1">购买</button>
									<button class="btn2">放入暂存架</button>
								</dd>
							</dl>
						</div> <!--end list_book_right-->
					</div>  <!--end list_book-->
					
				</div> <!--end list-->
				<!--跳转上一页         下一页-->
				<div class="skip">
					<button class="btn_skip_01">上一页</button>
						<a href="#">1</a>
						<a href="#">2</a>
						<a href="#">3</a>
						...
						<a href="#">14</a>
						<a href="#">15</a>
						<a href="#">16</a>
					<button class="btn_skip_02">下一页</button>
					<span>跳转到第<input type="text" value="1" class="inp_skip">页</span>
					<button class="btn_skip_03">确认</button>
				</div>
			  </div>  <!--列表展示结束-->
			 
			  <div class="big_picture" id="showT">    <!--++++++++++++++++++++++++++++++大图展示区开始++++++++++++-->
			  	  <div class="bigShow big1">
			  	  	<img src="images/product_list_01.jpg">
					<span>¥18.90</span>
					<del>¥32.00</del>
				    <span>59折</span>
				    <p>数年前，在一次股市的多、空之战中，以赵云狄、林康为首的私募基金—金鼎投资，和以王雨龙为首的私募基金，达成锁仓协议分食利益。殊料，以王雨龙为首的私募基金—鑫利投资背信弃义，导致金鼎投资惨败。以至...</p>
			  	    <p>作者：<a href="#">郭现杰</a>著</p>
			  	    <p>顾客评分：
						<img src="images/star_red.gif">
						<img src="images/star_red.gif">
						<img src="images/star_red.gif">
						<img src="images/star_red.gif">
						<img src="images/star_gray.gif">
					</p>
			  	    <p>出版社：<a href="#">花山文艺出版社</a></p>
			  	    <p>出版时间：2009年08月</p>
			  	  </div>
			  	  
			  	   <div class="bigShow big2">
			  	  	<img src="images/product_list_02.jpg">
					<span>¥18.90</span>
					<del>¥32.00</del>
				    <span>59折</span>
				    <p>虽然没有硝烟，却比战场更血腥；虽然并未战死，却比死亡更痛苦。 洪钧从一个底层的销售人员，成为一家著名的跨国公司的中国区代理首席代表，在即将被扶正，事业情感都志得意满的时候，掉入俞威设计的圈套，...</p>
			  	    <p>作者：<a href="#">郭现杰</a>著</p>
			  	    <p>顾客评分：
						<img src="images/star_red.gif">
						<img src="images/star_red.gif">
						<img src="images/star_red.gif">
						<img src="images/star_red.gif">
						<img src="images/star_gray.gif">
					</p>
			  	    <p>出版社：<a href="#">花山文艺出版社</a></p>
			  	    <p>出版时间：2009年08月</p>
			  	  </div>
			  	  
			  	   <div class="bigShow big3">
			  	  	<img src="images/product_list_01.jpg">
					<span>¥18.90</span>
					<del>¥32.00</del>
				    <span>59折</span>
				    <p>数年前，在一次股市的多、空之战中，以赵云狄、林康为首的私募基金—金鼎投资，和以王雨龙为首的私募基金，达成锁仓协议分食利益。殊料，以王雨龙为首的私募基金—鑫利投资背信弃义，导致金鼎投资惨败。以至...</p>
			  	    <p>作者：<a href="#">郭现杰</a>著</p>
			  	    <p>顾客评分：
						<img src="images/star_red.gif">
						<img src="images/star_red.gif">
						<img src="images/star_red.gif">
						<img src="images/star_red.gif">
						<img src="images/star_gray.gif">
					</p>
			  	    <p>出版社：<a href="#">花山文艺出版社</a></p>
			  	    <p>出版时间：2009年08月</p>
			  	  </div>
			  	  
			  	  
			  	   <div class="bigShow big4">
			  	  	<img src="images/product_list_02.jpg">
					<span>¥18.90</span>
					<del>¥32.00</del>
				    <span>59折</span>
				    <p>虽然没有硝烟，却比战场更血腥；虽然并未战死，却比死亡更痛苦。 洪钧从一个底层的销售人员，成为一家著名的跨国公司的中国区代理首席代表，在即将被扶正，事业情感都志得意满的时候，掉入俞威设计的圈套，...</p>
			  	    <p>作者：<a href="#">郭现杰</a>著</p>
			  	    <p>顾客评分：
						<img src="images/star_red.gif">
						<img src="images/star_red.gif">
						<img src="images/star_red.gif">
						<img src="images/star_red.gif">
						<img src="images/star_gray.gif">
					</p>
			  	    <p>出版社：<a href="#">花山文艺出版社</a></p>
			  	    <p>出版时间：2009年08月</p>
			  	  </div>
			  	  
			  	   <div class="bigShow big5">
			  	  	<img src="images/product_list_03.jpg">
					<span>¥18.90</span>
					<del>¥32.00</del>
				    <span>59折</span>
				    <p>北京，六百公里处，有宝地，233亩，土地价值2.5亿，总投资额近八亿，利润近三亿。　　项目吸引了众多北京房地产商目光，其中最贪婪的一道目光，来自顾忱。但顾忱，总资产不过千万！想拿项目，无异于“空手套...</p>
			  	    <p>作者：<a href="#">郭现杰</a>著</p>
			  	    <p>顾客评分：
						<img src="images/star_red.gif">
						<img src="images/star_red.gif">
						<img src="images/star_red.gif">
						<img src="images/star_red.gif">
						<img src="images/star_gray.gif">
					</p>
			  	    <p>出版社：<a href="#">花山文艺出版社</a></p>
			  	    <p>出版时间：2009年08月</p>
			  	  </div>
			  	  
			  	  
			  	  <div class="bigShow big6">
			  	  	<img src="images/product_list_04.jpg">
					<span>¥18.90</span>
					<del>¥32.00</del>
				    <span>59折</span>
				    <p>《圈子圈套2?迷局篇》是“圈子圈套三部曲”的第二部。 职场风云再起。洪钧出任维西尔中国区总经理，他和俞威之间的较量又或明或暗地展开来，面对内部的纷争和商场上的尔虞我诈，他该如何出招……俞威依...</p>
			  	    <p>作者：<a href="#">郭现杰</a>著</p>
			  	    <p>顾客评分：
						<img src="images/star_red.gif">
						<img src="images/star_red.gif">
						<img src="images/star_red.gif">
						<img src="images/star_red.gif">
						<img src="images/star_gray.gif">
					</p>
			  	    <p>出版社：<a href="#">花山文艺出版社</a></p>
			  	    <p>出版时间：2009年08月</p>
			  	  </div>
			  	  
			  	  <div class="bigShow big7">
			  	  	<img src="images/product_list_05.jpg">
					<span>¥18.90</span>
					<del>¥32.00</del>
				    <span>59折</span>
				    <p>本书全景展示了商场和职场的生死厮杀、巅峰对决。主人公的命运、项目结局、所有的爱恨情仇都在本书中揭开谜底。 再次陷入低谷的洪钧在内忧外患中不甘消沉，在职场上和自己的上司明争暗斗，在商场上则和夙...</p>
			  	    <p>作者：<a href="#">郭现杰</a>著</p>
			  	    <p>顾客评分：
						<img src="images/star_red.gif">
						<img src="images/star_red.gif">
						<img src="images/star_red.gif">
						<img src="images/star_red.gif">
						<img src="images/star_gray.gif">
					</p>
			  	    <p>出版社：<a href="#">花山文艺出版社</a></p>
			  	    <p>出版时间：2009年08月</p>
			  	  </div>
			  	  
			  	  <div class="clear"></div>
  
			  </div>  <!--++++++++++++++++++++++++++++++大图展示区结束++++++++++++-->
			  
			</div>  <!--end right-->
			<!--右边的浏览展示结束-->
		</div>
		<!--主体部分结束-->
		<!--页脚导航开始-->
	   <div class="footer_nav">
	   	    <a href="#">公司简介</a><span>|</span>
	   		<a href="#">诚证英才</a><span>|</span>
	   		<a href="#">网站联盟</a><span>|</span>
	   		<a href="#">百货招商</a><span>|</span>
	   		<a href="#">交易条款</a>
	   </div>
	   <!--页脚导航开始-->
		 <!--页脚导航开始-->
		<iframe src="footer.html" width="950px" frameborder="no" scrolling="no"></iframe>
		<!--页脚导航结束-->
		</div><!--end 大容器结束-->
	</body>
</html>
